!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>小米14</title>
  <link rel="stylesheet" href="static/css/aa.css">
</head>
<body>

  <div class="top_div">
    <div class="container">
      <div class="top-lt">
        <span>|</span>
        <span>|</span>
        <span>|</span>
        <span>|</span>
        <span>|</span>
        <span>|</span>
        <span>|</span>
        <span>|</span>
        <span>|</span>
        <span>|</span>
        <a href="index">小米商城</a>
          <span>|</span>
        <a href="">MIUI</a>
          <span>|</span>
        <a href="">IoT</a>
          <span>|</span>
        <a href="">云服务</a>
          <span>|</span>
        <a href="">金融</a>
          <span>|</span>
        <a href="">有品</a>
          <span>|</span>
        <a href="">小爱开放平台</a>
          <span>|</span>
        <a href="">企业团购</a>
          <span>|</span>
        <a href="">资质证照</a>
          <span>|</span>
        <a href="">协议规则</a>
          <span>|</span>

          <span>|</span>
        <a href="">Select Location</a>
        <span>|</span>
        <span>|</span>
        <span>|</span>
        <span>|</span>
        <span>|</span> <span>|</span>
        {% if session['logged_in'] %}
                                <span class="username">欢迎{{session['username']}}登录</span>
                                <a href="/logout">退出</a>
                            {% else %}
                                <a href="/login">登录</a>
                            {% endif %}
			<span>|</span>
			<a href="register">注册</a>
			<span>|</span>
			<a href="">消息通知</a>
      </div>
    </div>

      <div>

      </div>


  </div>
  <div class="left-div">
  <div class="banner">
    <div class="content">
      <ul id="item">
        <li class="item active" ><a href="#"><img src="static/img/xiaomi14_1.png"></a></li>
        <li class="item" ><a href="#"><img src="static/img/xiaomi14_2.png"></a></li>
        <li class="item" ><a href="#"><img src="static/img/xiaomi14_3.png"></a></li>
        <li class="item" ><a href="#"><img src="static/img/xiaomi14_4.png"></a></li>
        <li class="item" ><a href="#"><img src="static/img/xiaomi14_5.png"></a></li>
      </ul>
      <div id="btn-left"></div>
      <div id="btn-right"></div>
      <ul id="point">
        <li class="point active" data-index="0"></li>
        <li class="point" data-index="1"></li>
        <li class="point" data-index="2"></li>
        <li class="point" data-index="3"></li>
        <li class="point" data-index="4"></li>
      </ul>
    </div>
  </div>
</div>

<div class="right_div">

  <div class="conter"><h2>xiaomi 14</h2></div>
  <div class="conter2">
      <h1 class="color1"> [至高优惠300元！ 购机至高享24期免息]</h1>
      <h1 class="color2">徕卡光学Summilux镜头｜光影猎人900影像传感器 | 75mm徕卡浮动长焦 | 小米澎湃OS ｜第三代骁龙®8移动平台｜小米环形冷泵</h1>
  </div>
  <div class="conter1" ><h1 class="color1">小米自营</h1></div>
  <div class="conter" ><h2 class="color3">4299</h2></div>
  <hr>

  <div>
      <h2>请选择您需要的配置</h2>
  <form action="#" method="POST">
      <input type="radio" id="male" name="gender" value="male">
      <label for="male">12+128</label><br>

      <input type="radio" id="female" name="gender" value="female">
      <label for="female">12+256</label><br>

      <input type="radio" id="other" name="gender" value="other">
      <label for="other">12+512</label><br><br>

      <input type="submit" value="提交">
  </form>
  </div>

</div>
</body>
<script src="static/js/index.js"></script>
</html>